<div class="example-wrapper">
    <div style="margin-bottom: 5px; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 13px;">
        <div>
            Top Level Groups:
            <button onclick="setGroupHeight(42)">42px</button>
            <button onclick="setGroupHeight(75)">75px</button>
            <button onclick="setGroupHeight(125)">125px</button>
        </div>
        <div style="margin-top: 5px;">
            Swimming Leaf Rows:
            <button onclick="setSwimmingHeight(42)">42px</button>
            <button onclick="setSwimmingHeight(75)">75px</button>
            <button onclick="setSwimmingHeight(125)">125px</button>
        </div>
        <div style="margin-top: 5px;">
            United States Leaf Rows:
            <button onclick="setUsaHeight(42)">42px</button>
            <button onclick="setUsaHeight(75)">75px</button>
            <button onclick="setUsaHeight(125)">125px</button>
        </div>
    </div>
    <div id="myGrid" class="ag-theme-quartz"></div>
</div>